<div class="row btns-row">
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-primary " uib-dropdown-toggle>
        Primary <span class="caret"></span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-success " uib-dropdown-toggle>
        Success <span class="caret"></span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-info " uib-dropdown-toggle>
        Info <span class="caret"></span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-default " uib-dropdown-toggle>
        Default <span class="caret"></span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-warning " uib-dropdown-toggle>
        Warning <span class="caret"></span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-danger " uib-dropdown-toggle>
        Danger <span class="caret"></span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
</div>

<h5 class="panel-subtitle">Split button dropdowns</h5>

<div class="row btns-row">
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-primary">Primary</button>
      <button type="button" class="btn btn-primary " uib-dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-success">Success</button>
      <button type="button" class="btn btn-success " uib-dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-info">Info</button>
      <button type="button" class="btn btn-info " uib-dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-default">Default</button>
      <button type="button" class="btn btn-default " uib-dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul uib-dropdown-menu uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-warning">Warning</button>
      <button type="button" class="btn btn-warning " uib-dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul uib-dropdown-menu uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
  <div class="col-sm-4 col-xs-6">
    <div class="btn-group" uib-dropdown dropdown-append-to-body>
      <button type="button" class="btn btn-danger">Danger</button>
      <button type="button" class="btn btn-danger " uib-dropdown-toggle>
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul uib-dropdown-menu uib-dropdown-menu>
        <li><a href>Action</a></li>
        <li><a href>Another action</a></li>
        <li><a href>Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href>Separated link</a></li>
      </ul>
    </div>
  </div>
</div>